<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="粥员外,粥店加盟,粥铺加盟,粥屋加盟,养生粥加盟,粥员外加盟费">
    <meta name="description" content="粥员外是粥店加盟10大品牌之一的连锁品牌，外卖粥铺加盟更具人气的品牌，粥店加盟政策、粥屋加盟费、上粥员外加盟总部，念着你，暖着你！">
    <title>公司介绍</title>
    <link rel=icon type=image/x-icon href=./public/favicon.ico>
    <!-- 重置页面 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 当页面的css -->
    <link rel="stylesheet" href="./css/product.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- layui.css -->
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
</head>
<body>

<!-- 导航 -->
<header class="">
    <h1 class="">
        <a href="/">
            <img src="./images/index/logo.png" alt="">
        </a>
    </h1>

    <ul class="layui-nav tab-nav" lay-filter="">
        <li class="layui-nav-item"><a href="/">首页</a></li>
        <li class="layui-nav-item">
            <a href="./introduce.html">关于我们</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="./introduce.html">公司介绍</a></dd>
                <dd><a href="./introduce.html">品牌理念</a></dd>
                <dd><a href="./introduce.html">品牌力量</a></dd>
                <dd><a href="./introduce.html">形象展示</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item layui-this">
            <a href="./product.html">产品中心</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="./product.html">香浓甜粥</a></dd>
                <dd><a href="./product.html">软糯咸粥</a></dd>
                <dd><a href="./product.html">美味小食</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="./join.html">加盟指南</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="./join.html">加盟流程</a></dd>
                <dd><a href="./join.html">加盟支持</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="">品牌新闻</a></li>
        <li class="layui-nav-item"><a href="./contact.html">联系我们</a></li>
    </ul>


    <div class="phone">
        <img src="./images/index/phone.png" alt="">
        <p>
            <i>创业请咨询</i>
            <i>400-999-8017</i>
        </p>
    </div>
</header>

<div class="banner">
    <img src="./images/product/banner01.jpg" alt="">
</div>

<!-- 面包屑 -->
<div class="bread">
    <div class="w">
        <a href="/"><i class="iconfont">&#xe600;</i>首页</a>
        <span class="iconfont">&#xe604;</span>
        <a href="javascript:void(0);">产品中心</a>
        <span class="iconfont">&#xe604;</span>
        <a href="javascript:void(0);" id="nowPlace">香浓甜粥</a>
    </div>
</div>


<!-- 展示主体 -->
<main>
    <div class="w">
        <!-- 导航 -->
        <ul class="tab-nav">
            <li class="tn-active" data-name="香浓甜粥">香浓甜粥</li>
            <li data-name="软糯咸粥">软糯咸粥</li>
            <li data-name="美味小食">美味小食</li>
        </ul>

        <!-- 内容 -->
        <ul class="tab-cont">
            <li class="clearfix">
                <div>
                    <div class="c-top">
                        <img src="./images/product/c11.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>素雅白粥</p>
                        <p>Element YaBai porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c12.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>山药红枣粥</p>
                        <p>Yam red jujube porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c13.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>开胃八宝粥</p>
                        <p>Rice porridge with appetizers</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c14.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>紫薯黑米粥</p>
                        <p>Purple potato black rice porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c15.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>桂圆红枣薏米粥</p>
                        <p>Longan red date coix seed porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c16.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>黄金南瓜粥</p>
                        <p>Golden pumpkin porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c17.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>桂圆红豆薏米粥</p>
                        <p>Osmanthus red bean rice porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c18.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>绿豆粥</p>
                        <p>Mung Bean porridge</p>
                    </div>
                </div>
            </li>
            <li class="clearfix hide">
                <div>
                    <div class="c-top">
                        <img src="./images/product/c21.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>皮蛋瘦肉粥</p>
                        <p>Lean meat with preserved eggs porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c22.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>香菇青菜粥</p>
                        <p>Lentinus edodes and vegetables porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c24.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>青菜瘦肉蛋花粥</p>
                        <p>Lean Meat and Egg Flowers with Green Vegetables porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c25.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>山药排骨粥</p>
                        <p>Chinese yam spareribs porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c26.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>香菇鸡丁粥</p>
                        <p>Chicken with Lentinus edodes porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c27.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>五彩虾仁粥</p>
                        <p>Colorful shrimps porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c28.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>菠菜牛肉蛋花粥</p>
                        <p>Spinach Beef Egg Flower porridge</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c29.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>菠菜牛肉粥</p>
                        <p>Spinach beef porridge</p>
                    </div>
                </div>
                <!--<div>-->
                    <!--<div class="c-top">-->
                        <!--<img src="./images/product/c2X.jpg" alt="">-->
                    <!--</div>-->
                    <!--<div class="c-bottom">-->
                        <!--<p>皮蛋牛肉粥</p>-->
                        <!--<p>Beef with preserved eggs porridge</p>-->
                    <!--</div>-->
                <!--</div>-->
            </li>
            <li class="clearfix hide">
                <div>
                    <div class="c-top">
                        <img src="./images/product/c31.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>咸鸭蛋</p>
                        <p>Salted Duck Egg</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c32.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>荷包蛋</p>
                        <p>Poached Egg</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c33.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>花生米</p>
                        <p>Peanut meat</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c33.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>榨菜</p>
                        <p>Pickle</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c35.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>酸豆角</p>
                        <p>Sour beans</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c36.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>皮蛋</p>
                        <p>Preserved egg</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c37.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>油条</p>
                        <p>Deep-Fried Dough Sticks</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c38.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>烧麦</p>
                        <p>Steamed Pork Dumplings</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c39.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>南瓜饼</p>
                        <p>Pumpkin pie</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>干菜肉饼</p>
                        <p>Dried vegetable meatloaf</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X1.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>香菇素菜包</p>
                        <p>Lentinus edodes vegetable bag</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X2.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>鸡翅</p>
                        <p>Chicken wings</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X2.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>鸡翅</p>
                        <p>Chicken wings</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X3.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>火腿萝卜丝饼</p>
                        <p>Ham and radish shredded cake</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X4.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>春卷</p>
                        <p>Spring Rolls</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X5.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>虾饼</p>
                        <p>shrimp cake</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X5.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>虾饼</p>
                        <p>shrimp cake</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X6.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>杂粮米糕</p>
                        <p>Miscellaneous Rice Cake</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X7.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>红糖糍粑</p>
                        <p>Brown sugar steamed bread</p>
                    </div>
                </div>
                <div>
                    <div class="c-top">
                        <img src="./images/product/c3X8.jpg" alt="">
                    </div>
                    <div class="c-bottom">
                        <p>鸡爪</p>
                        <p>Chicken feet</p>
                    </div>
                </div>
                <!--<div>-->
                    <!--<div class="c-top">-->
                        <!--<img src="./images/product/c3X9.jpg" alt="">-->
                    <!--</div>-->
                    <!--<div class="c-bottom">-->
                        <!--<p>鸡蛋饼</p>-->
                        <!--<p>Egg cake</p>-->
                    <!--</div>-->
                <!--</div>-->
            </li>
        </ul>

        <!-- 织毛衣的大白 -->
        <div class="product-logo">
            <img src="./images/product/product_logo.png" alt="">
        </div>

    </div>
</main>


<!-- 表单 -->
<div class="form-box">
    <h2>

    </h2>
    <div class="w">
        <img src="./images/index/qrcode.png" alt="" class="qrcode fl">

        <form action="" class="layui-form w mb-form fl">
            <span>
                <input type="text" placeholder="请输入姓名" class="layui-input" name="username" lay-verify="username">
                <input type="text" placeholder="请输入联系方式" class="layui-input" name="phone" lay-verify="required|phone">
            </span>
            <textarea name="address" placeholder="请输入所在地区" class="layui-textarea"></textarea>
            <button lay-submit lay-filter="go" class="botton-btn"></button>
        </form>

        <div class="form-logo fr">
            <img src="./images/index/form_logo.png" alt="">
        </div>
    </div>
</div>

<footer>
    <div class="footer-top">
        <div class="w">
            <div class="footer-logo">
                <img src="./images/index/footer_logo.png" alt="">
            </div>
            <ul class="footer-nav">
                <li>
                    <a href="#">
                        首页
                    </a>
                </li>
                <li>
                    <a href="./introduce.html">
                        关于我们
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);" class="f-active">
                        产品中心
                    </a>
                </li>
                <li>
                    <a href="./join.html">
                        加盟指南
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        品牌新闻
                    </a>
                </li>
                <li>
                    <a href="./contact.html">
                        联系我们
                    </a>
                </li>
            </ul>
            <div class="footer-phone">
                <img src="./images/index/phone.png" alt="">
                <p>
                    <i>创业请咨询</i>
                    <i>400-999-8017</i>
                </p>
            </div>
        </div>
    </div>

    <hr>

    <div class="footer-bottom">
        <div class="w clearfix">
            <p class="fl">Copyright © 2019 版权所有 粥员外 浙ICP备17052793号</p>
            <ul class="fr">
                <li>友情链接：</li>
                <li>
                    <a href="javascript:void(0);">
                        粥店加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        麻辣烫加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        炒饭加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        孔掌柜薄皮馄饨加盟
                    </a>
                </li>
            </ul>
        </div>
    </div>

</footer>

<!-- axios -->
<script src="./lib/axios/axios.min.js"></script>
<!-- jq -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!-- layui.js -->
<script src="./lib/layui/layui.js"></script>
<!-- swiper -->
<script src="./lib/swiper/swiper.min.js"></script>
<script src="./js/index/index.js"></script>
<script src="./js/product/product.js"></script>
<script>

    // layui.use(['layer', 'form', "element"], function () {
    //     var layer = layui.layer
    //         , form = layui.form
    //         , element = layui.element;
    //
    //
    // });

</script>
</body>
</html>
